/* 设置编码集: utf-8  同意页面效果: 文本格式信息 超链接 列表
 效果如下: father指定宽高 500*200
           border 1px solid red
		   
		   其余子元素d1~d5
		   设置宽高 100*100 背景色(一个子元素一个颜色)
		   文字 垂直 居中 
		   所有子元素浮动
		   
		   */
@charset "utf8";
*{
	font: 16px "微软雅黑";
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#father{
	width: 500px;
	height: 200px;
	border: 1px solid red;
	/* overflow: hidden; */
	
}
div.d1,div.d2,div.d3,div.d4,div.d5{
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	float: left;
	font-size: 5em;
}
div#father div.d1{
	background: red;
}
div#father div.d2{
	background: orange;
	height: 150px;
}
div#father div.d3{
	background: yellow;
}
div#father div.d4{
	background: green;
}
div#father div.d5{
	background: blue;
	/* 清除浮动: 建议明确左右浮动 */
	clear: left;
}

